<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>    
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<c:set var="contextPath" value="${pageContext.request.contextPath}" />    

<!doctype html>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>우리학교</title>
	<link rel="stylesheet" href="${contextPath}/css/index.css" type="text/css" />
	<script type="text/javascript">  
		var contextPath = "${contextPath}";
	</script>
	<script type="text/javascript" src="${contextPath}/js/common/jquery-1.6.4.js"></script>
	<script type="text/javascript" src="${contextPath}/js/common/jquery.form.js"></script>
	<script type="text/javascript" src="${contextPath}/js/index.js"></script>
</head>
<body>

	<div id="wrap">
		
		<div id="commonTopWrap">
			<div id="commonTop">
				<h1 id="logo"> 
					<a href="${contextPath}">
						<img src="${contextPath}/img/uriuniv.jpg" />
					</a>
				</h1>
				
				<div id="commonSearch">
					<a href="${contextPath}">
						<img src="${contextPath}/img/school.jpg" />
					</a>
					<input type="text" id="searchInput" />
					<input type="image" id="searchBt" src="${contextPath}/img/searchBt.jpg" />
				</div>
				
				<ul id="commonTopMenu">
					<li><a href="${contextPath}">로그인</a></li>
					<li><a href="${contextPath}">회원가입</a></li>
				</ul>
				
			</div>
		</div>
		
		<div id="middle">
		
			<ul id="univName">
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li> 
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
				<li><input type="checkbox" name="univName" />천하대학교</li>
			</ul>
			
			<div id="left">
				
				<!-- 
				<dl id="profile">
					<dt>
						<img src="${contextPath}/img/dProfile_photo.jpg" alt="XXX 프로필사진" />
					</dt>
					<dd id="name">한영수</dd>
					<dd id="university">성공회대학교</dd>
					<dd id="grade">4학년 1학기</dd>
				</dl>
				 -->
				 
				 <dl id="loginForm">
				 	<dt>이메일</dt>
				 	<dd><input type="text" id="email" name="email" /></dd>
				 	<dt>비밀번호</dt>
				 	<dd><input type="password" id="email" name="email" /></dd>
				 	<dd> 
				 		aaa
				 	</dd>
				 </dl>
				 
				 
				<ul id="leftMenu">
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_1.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_1</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_2.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_2</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_3.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_3</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_4.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_4</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_5.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_5</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_6.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_6</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_7.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_7</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_8.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_8</span>
						</a> 
					</li> 
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_9.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_9</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_10.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_10</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_11.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_11</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_2.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_12</span>
						</a>
					</li><li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_3.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_13</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_4.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_14</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_5.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_15</span>
						</a>
					</li>
					<li class="menuItem">
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_16.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_16</span>
						</a>
					</li>
					<li class="menuItem"> 
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_17.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_17</span>
						</a>
					</li>
					<li class="menuItem"> 
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_18.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_18</span>
						</a>
					</li>
					<li class="menuItem"> 
						<a href="${contextPath}">
							<span class="menuIcon">
								<img src="${contextPath}/img/icon_19.jpg" />
							</span>
							<span class="menuName">메뉴_게시판_19</span>
						</a>
					</li>
					
				</ul>
				
			</div>
			
			<div id="right">
				<table id="articleList" summary="게시판 목록">
					<thead>
						<tr>
							<th class="no">번호</th>
							<th class="univ">학교</th>
							<th class="title">제목</th>
							<th class="writer">글쓴이</th>
							<th class="regDate">날짜</th>
							<th class="reco">추천</th>
							<th class="hit">조회</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
						<tr>
							<td class="no">1234555</td>
							<td class="univ">성공회대학교성공회대학교</td>
							<td class="title">무궁화 꽃이 피었습니다.</td>
							<td class="writer">한영수한영</td>
							<td class="regDate">2012/04/16</td>
							<td class="reco">1234566</td>
							<td class="hit">1234567</td>
						</tr>
					</tbody>	
				</table>
			</div>
			
		</div>
				 
	</div>
	
</body>
</html>  